<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <title>选择登录方式</title>
	    <script src="js/mui.min.js"></script>
	    <link href="css/mui.min.css" rel="stylesheet"/>
	    <script type="text/javascript" charset="utf-8">
	      	mui.init();
	    </script>
	    <style>
	    	#Background{
				    width: 100%;
				    height: 100%;
				    position: fixed;
				    z-index: -10;
				    background-image: url(img/logo2.png);
				    background-repeat: no-repeat;
				    background-position: 0px 0px;
				    background-size: 100% 100%;
    		}
    		body{
    			padding: 0px;
    		}
    		
	    	/* 头部样式 */
	    	.top{
	    		float: left;
	    	}
	    	#a1{
	    		color: #000000;
	    		display:block;
	    		margin:20px 20px ;
	    		
	    	}
	    	
	    	
	    	/* 中部登录样式 */
	    	.mid{
	    		/*border: 1px solid red;*/
	    		margin-top: 100%;
	    	}
	    	.login-type input{
	    		width: 300px;
	    		height: 40px;
	    		display:block;
	    		margin:5px auto;
	    		background-color:  #6FD0F1;
	    		color: whitesmoke;
	    		border-color: #6FD0F1;
	    		font-size: 20px;
	    	}
	    	
	    </style>
	</head>
	<body>
		<div class="body" id="Background">
			<div class="top">
			<a id="a1"><span class="mui-icon mui-icon-arrowleft"></span></a>
		    </div>
		
		<div class="mid">
			<div class="password">
				<div class="login-type">
					<a href="email_login.html">
						<input type="button" value="邮箱密码登录>>" id="email_login"/>
					</a>
					
					<a href="code_login.html">
						<input type="button" value="邮箱验证码登录>>" id="code_login"/>
					</a>
				</div>
			</div>
		</div>
			
		</div>
		
		
	</body>
</html>
